<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <body>

        <ui:composition template="./adminTemplate.xhtml">

            <ui:define name="title">
                Statistic Page
            </ui:define>

            <ui:define name="contain">
                <div id="dashboard">
				<h2 class="ico_mug">Dashboard</h2>
				<div class="clearfix">
				<div class="left quickview">
					<h3>Overview</h3>
					<ul>
                                            <li style="color: #0071bc">Total Company <span class="number" style="color: red">#{statisticController.totalCompany}</span></li>
                                            <li style="color: #0071bc">Total denied company: <span class="number" style="color: red">#{statisticController.totalCompDisable}</span></li>
                                            <li style="color: #0071bc">Total accepted company: <span class="number" style="color: red">#{statisticController.totalCompEnable}</span></li>
                                            <li style="color: #0071bc">Total Driver <span class="number" style="color: red">#{statisticController.totalDriver}</span></li>
                                            <li style="color: #0071bc">Total denied driver: <span class="number" style="color: red">#{statisticController.totalDriverDisable}</span></li>
                                            <li style="color: #0071bc">Total accepted driver: <span class="number" style="color: red">#{statisticController.totalDriverEnable}</span></li>
					</ul>
				</div>
				<div class="quickview left">
					<h3>Some data</h3>
					<ul>
                                            <li style="color: #0071bc">Total Advertise <span class="number" style="color: red">#{statisticController.totalAdvertise}</span></li>
                                            <li style="color: #0071bc">Total Feedback <span class="number" style="color: red">#{statisticController.totalFeedback}</span></li>
                                            <li style="color: #0071bc">Total Banner <span class="number" style="color: red">#{statisticController.totalBanner}</span></li>
                                            <li style="color: #0071bc">Total Payment <span class="number" style="color: red">#{statisticController.totalPayment}</span></li>
                                            <li style="color: #0071bc">Total Paid <span class="number" style="color: red">#{statisticController.totalPaid}</span></li>
                                            <li style="color: #0071bc">Total Unpaid <span class="number" style="color: red">#{statisticController.totalUnpaid}</span></li>
					</ul>
				</div>
				<div class="left" id="chart">
					<h3>Visits today</h3>
					<div id="placeholder" style="position: relative;"><canvas height="95" width="180"></canvas><canvas height="95" width="180" style="position:absolute;left:0px;top:0px;"></canvas><div style="font-size:smaller;color:#000" class="tickLabels"><div class="tickLabel" style="position:absolute;top:79px;left:2px;width:30px;text-align:center">0.0</div><div class="tickLabel" style="position:absolute;top:79px;left:79.5px;width:30px;text-align:center">0.5</div><div class="tickLabel" style="position:absolute;top:79px;left:157px;width:30px;text-align:center">1.0</div><div class="tickLabel" style="position:absolute;top:66px;right:168px;width:12px;text-align:right">0</div><div class="tickLabel" style="position:absolute;top:33px;right:168px;width:12px;text-align:right">5</div><div class="tickLabel" style="position:absolute;top:0px;right:168px;width:12px;text-align:right">10</div></div></div><!-- CHART -->
					<a class="ico_chart more" href="#">Click to see more</a>
				</div>	
				</div>
			</div>
            </ui:define>

        </ui:composition>

    </body>
</html>
